.el-header  {
    
    background-color: rgba(67, 182, 211, 0.137);
    color: #333;
  
    height: 80px !important;
    box-shadow: 0px 15px 10px -15px rgb(74, 131, 131);
    border-radius: 10px;
  }
.el-header .title {
    
    float: left;
    margin-left: 40px;
    margin-top: 15px;
}
.el-header .title a{
    text-decoration: none;
    font-size: 2.3em;
    font-weight: 700;
    font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;
    background-image:-webkit-linear-gradient(right,rgb(154, 241, 237),#4079e4,#8acada); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
}
.el-header .menu {

    margin-left: 500px;
    margin-top: 17px;
    width: 840px !important;
    text-align: center !important;
}
.el-menu-item {
    font-size: 1em !important;
    font-weight: 700 !important;
  } 
  .el-menu-item:hover{
    outline: 0 !important;
    background-color: rgba(38, 141, 238, 0.404) !important;
}
.el-menu-item.is-active {
    color: rgba(222, 93, 224, 0.586) !important;

}
  .user {
    margin-left: 200px !important;
   

  } 


  .el-footer
  {
    background-color: rgba(67, 182, 211, 0.137);
    color: #333;
    text-align: center;
    height: 200px !important;
    box-shadow: 0px 15px 10px -15px rgb(74, 131, 131);
    border-radius: 10px;
      margin-top: 50px;
  }
  .el-footer p:nth-child(1){
    margin-top: 40px;
  }


  .el-main {
      margin-top: 10px;
    background-color: rgb(255, 255, 255);
    color: #333;
    text-align: center;
    height: 900px;
  }


  /* 背景颜色 */
  .el-main .color{
    position: absolute;
    filter: blur(400px);
}

.el-main .color:nth-child(1){
    top: 100px;
    left: 300px;
    width: 400px;
    height: 600px;
    background: #12d170;
}
.el-main .color:nth-child(2){
    top: 250px;
    left: 100px;
    width: 500px;
    height: 500px;
    background: rgb(129, 216, 197);
}
.el-main .color:nth-child(3){
   top: 400px;
    right: 100px;
    width: 500px;
    height: 500px;
    background: rgb(92, 134, 182);
}